/* HoverMenu.css */
.what {
  position: relative;
  display: inline-block;
}

.whatt {
 position: absolute;
    margin-top: 60%;
    margin-left: 90%;
    transform: translate(2500%, 750%);
    color: red;
    font-size: 20px;
    font-Weight: bold;
      z-index: 9999;
     background:blue;
    color:white;
     width:50px;
      height:50px;
     text-align:center;
     line-height:50px;
     border-radius:50%;
}

.whattt {
  position: absolute;
  top: 100px; /* 放置在按钮的下方 */
  left: 1200px;
  background-color: white;
  border: 1px solid #ccc;
  width: 250px;
  height: 280px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000; /* 确保菜单选项位于其他内容之上 */
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  margin: 0;
  list-style: none; /* 移除默认的列表样式 */
}

.whattt ul {
  padding: 0;
  margin: 0;
}

.whattt li {
  padding: 10px 20px;
  cursor: pointer;
}